<template>
    <div class="homeSwiper">
      <swiper :options="swiperOption" >
        <swiper-slide v-for="(item ,index) of swiperList" :key="index"><img :src="item"></swiper-slide>
        <div class="swiper-pagination"  slot="pagination"></div>
      </swiper>
    </div>
</template>

<script>
    export default {
      name: "homeSwiper",
      data(){
        return{
          swiperOption:{
            autoplay:true,
            pagination: {
              el: '.swiper-pagination',
            },
          },

        }
      },
      props:{
        swiperList:Array
      }

    }
</script>

<style scoped lang="stylus">
  .homeSwiper
    width 100%
    height 0
    padding-bottom 26%
    background-color #eeeeee
    overflow hidden
    img
      width 100%

</style>
